Obsidian の Callouts をブログで表示する(2026年1月)

<blockquote>
<p>[!info] Child Pane がない？
<a href="/images/LicensePlist を Build Tool Plugin で利用する方法（Xcode 26）-1768575042941.webp" target="_blank" rel="noopener noreferrer">
	<img src="/images/LicensePlist を Build Tool Plugin で利用する方法（Xcode 26）-1768575042941.webp" alt="LicensePlist を Build Tool Plugin で利用する方法（Xcode 26）-1768575042941" width="200" loading="lazy" decoding="async">
</a>
アイテムを追加する時の選択肢に <code>Child Pane</code> はないです。
適当なTypeで作成した後に、Child Pane と書き換えると認識されます。（もしくは <code>PSChildPaneSpecifier</code> と書く）</p>
</blockquote>

    ├── markdown
    │   ├── markdownEngine.ts
    │   ├── plugins
    │   │   ├── cardCalloutsPlugin.ts
    │   │   └── obsidianCalloutsPlugin.ts
    │   ├── renderer
    │   │   ├── cardCalloutsRenderer.ts
    │   │   ├── obsidianCalloutsRenderer.ts
    │   │   ├── obsidianRenderer.ts
    │   │   └── wikilinksRenderer.ts
    │   └── types.ts

import MarkdownIt from "npm:markdown-it";
import type { MarkdownIt as MarkdownItType } from "./types.ts";
import { createCardCalloutsPlugin } from "./plugins/cardCalloutsPlugin.ts";
import { createObsidianCalloutsPlugin } from "./plugins/obsidianCalloutsPlugin.ts";
import { registerObsidianRenderer } from "./renderer/obsidianRenderer.ts";
import { registerObsidianCalloutsRenderer } from "./renderer/obsidianCalloutsRenderer.ts";
import { registerCardCalloutsRenderer } from "./renderer/cardCalloutsRenderer.ts";
import { registerWikiLinksRenderer } from "./renderer/wikilinksRenderer.ts";

import { PostCacheEntry } from "../libs/PostCache.ts";

export type MarkdownEngineDeps = {
  postCache: Map<string, PostCacheEntry>;
  options?: {
    imageUrlForPath?: (imagePath: string) => string;
  };
};

export function createMarkdownEngine(deps: MarkdownEngineDeps): MarkdownItType {
  const md = new MarkdownIt({
    html: true,
    linkify: true,
    typographer: true,
  });

  // plugin
  md.use(createObsidianCalloutsPlugin());
  md.use(createCardCalloutsPlugin());

  // renderer
  registerObsidianRenderer(md, deps.options);
  registerWikiLinksRenderer(md, deps.postCache);

  registerObsidianCalloutsRenderer(md);
  registerCardCalloutsRenderer(md);

  return md;
}

    ├── markdown
    │   ├── markdownEngine.ts
    │   ├── plugins
    │   │   ├── calloutsUtils.ts
    │   │   ├── cardCalloutsPlugin.ts
    │   │   ├── obsidianCalloutsPlugin.ts
    │   │   └── obsidianWikilinkInline.ts
    │   ├── renderer
    │   │   ├── cardCalloutsRenderer.ts
    │   │   ├── obsidianCalloutsRenderer.ts
    │   │   ├── obsidianRenderer.ts
    │   │   └── wikilinksRenderer.ts
    │   └── types.ts